<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>登录页面</title>
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <link rel="stylesheet" type="text/css" th:href="@{css/materialdesignicons.min.css}">
  <link rel="stylesheet" type="text/css" th:href="@{css/bootstrap.min.css}">
  <link rel="stylesheet" type="text/css" th:href="@{css/animate.min.css}">
  <link rel="stylesheet" type="text/css" th:href="@{css/style.min.css}">
  <link rel="stylesheet"  type="text/css" th:href="@{css/slidercaptcha.css}"/>
</head>

<body>
<!--页面loading-->
<div id="lyear-preloader" class="loading">
  <div class="ctn-preloader">
    <div class="round_spinner">
      <div class="spinner"></div>
      <img src="images/loading-logo.png" alt="">
    </div>
  </div>
</div>
<!--页面loading end-->
<div class="row no-gutters bg-white vh-100">
  <div id="loginback" class="col-md-6 col-lg-7 col-xl-8 d-none d-md-block">

    <div class="d-flex vh-100">
      <div class="p-5 align-self-end">
        <img src="images/logo.png" alt="...">
        <br><br><br>
        <p class="text-white">Light Year Admin V4是一个后台管理系统的HTML模板，基于Bootstrap v4.4.1。</p>
      </div>
    </div>

  </div>

  <div class="col-md-6 col-lg-5 col-xl-4 align-self-center">
    <div class="p-5">
      <div class="text-center">
        <a href="../index.html"> <img alt="light year admin" src="images/logo-sidebar.png"> </a>
      </div>
      <p class="text-center text-muted"><small>请使用您的账号登录系统</small></p>
      <form>
        <div class="form-group">
          <label for="username">用户名</label>
          <input type="text" class="form-control" id="username" placeholder="请输入您的用户名">
        </div>

        <div class="form-group">
          <label for="password">密码</label>
          <input type="password" class="form-control" id="password" placeholder="请输入您的密码">
        </div>
      </form>

      <div class="form-group">
        <button class="btn btn-block btn-primary" id="login">立即登录</button>
      </div>
      <a th:href="@{registerInit}">注册一个吧</a>

      <div class="container-fluid" hidden>
        <div class="form-row">
          <div class="col-12">
            <div class="slidercaptcha card">
              <div class="card-header">
                <span>请完成安全验证</span>
              </div>
              <div class="card-body"><div id="captcha">


              </div></div>
            </div>
          </div>
        </div>
      </div>

      <p class="text-center text-muted mt-3">Copyright © 2020 <a href="http://lyear.itshubao.com">IT书包</a>. All right reserved</p>
    </div>
  </div>
</div>


<script type="text/javascript" th:src="@{js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{js/main.min.js}"></script>
<script type="text/javascript" th:src="@{js/login.js}"></script>
<script type="text/javascript" th:src="@{js/longbow.slidercaptcha.js}"></script>
</body>
</html>